.nav{
	background:#f0f1f5;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	border-top: 1px solid #e8e8ea;
}
.nav .nav_ul {
    overflow:hidden;
    -webkit-display:flex;
    display: flex;
    -webkit-justify-content: space-around; 
    justify-content: space-around;
}
.nav .nav_ul li{
	width:5.8rem;
	height:4.8rem;
}
.nav .nav_ul li a{
	display: block;
	font-size:1.2rem;
	text-align:center;
	color:#757575;
}
.nav .nav_ul li a div{
	 margin-top:-0.4rem;
	
}
.nav .nav_ul li a p{
	padding-top:0.7rem;
}
.nav .nav_ul li a i{
	display: inline-block;
	width:2rem;
	height:2rem;
	background-size:2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

}
.sep{
	color:#f5391e;
}
li.po i{
	background-image:url(../images/poone.png) ;
	
}
li.in i{
	background-image:url(../images/infone.png);
}
li.re i{
   background-image:url(../images/reone.png)
}
li.me i{
   background-image:url(../images/metwo.png);
}

li span.dot{
	position:absolute;
	right:-0.2rem;
	top:-0.2rem;
	display: inline-block;
	width:0.5rem;
	height:0.5rem;
	background:#f5391e;
	border-radius: 50%;
}
.headbox{
	padding-bottom:4.9rem;
}
.head{
	height:17rem;
	background: #fff url(../images/mybg.png) no-repeat left;
	background-size:100% 100%;
}
.head .bg{
	width:100%;
	text-align: center;
	padding-top:3rem;
   
}
.head .headbg{
	margin:0 auto;
	border-radius: 50%;
	width:7rem;
	height:7rem;
	background:rgb(255,134,134);
	position: relative;
}
.head .bg .myhead{
	position: absolute;
    width:6.5rem;
    height:6.5rem;
    border-radius: 50%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.head .myname{
	text-align: center;
	color:#fff;
	font-size:1.5rem;
	line-height: 3rem;
    margin-top:1.8rem;
}

.mylist{
	background: #e7e8ea;
}
.mylist .alist{
	margin-bottom:1rem;
	background: #fff;
	padding:0 1.2rem;
   font-size:1.4rem;
   line-height: 4.5rem;
   
}
.mylist .alist a{
	display: block;
	background:url(../images/go.png) no-repeat right center;
	background-size: 0.8rem 1.2rem;
}
.mylist .alist a img{
	width:1.4rem;
	height:1.4rem;
	vertical-align: middle;
	margin-right:1rem;
}
.mylist .alist a span{
	display: inline-block;
	vertical-align: middle;
}
.mylist .t{
  overflow:hidden;
  height:4.5rem;
}
.mylist .b{
  overflow:hidden;
  border-top: 1px solid #e8e8ea;
  height:4.5rem;
}
.alist .t .orderimg{
	width:1.7rem;
	height:1.6rem
}
.alist .b .ideaimg{
	width:1.6rem;
	height:1.6rem;
}
.alist .t .storeimg{
	width:1.7rem;
	height:1.7rem;
}
.alist .t .setimg{
	width:1.6rem;
	height:1.6rem;
}